<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>jQuery UI - ThemeRoller</title>
	
	<meta name="keywords" content="jquery,user interface,ui,widgets,interaction,javascript" />
	<meta name="description" content="jQuery UI is the official jQuery user interface library. It provides interactions, widgets, effects, and theming for creating Rich Internet Applications." />
	<meta name="author" content="The jQuery Project" />
	
	<link rel="shortcut icon" href="/images/favicon.ico" />
	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
			<link rel="stylesheet" href="http://static.jquery.com/ui/css/base2.css" type="text/css" media="all" />
			<link rel="stylesheet" href="http://static.jquery.com/ui/themeroller/app_css/app_screen.css" type="text/css" media="all" />
			<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
			<link rel="stylesheet" href="/themeroller/css/parseTheme.css.php?ctl=themeroller" type="text/css" media="all" />
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
			<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
			<script src="/themeroller/scripts/app.js" type="text/javascript"></script>
			<script src="/themeroller/scripts/ui_demos.js" type="text/javascript"></script>
		<style type="text/css">
	
	#jq-books{width:200px;float:right;margin-right:0}
	#jq-books li{line-height:1.25em;margin:1em 0 2.8em;clear:left}
	#home-content-wrapper #jq-books a.jq-bookImg{float:left;margin-right:10px;width:55px;height:70px}
	#jq-books h3{margin:0 0 .2em 0}
	#home-content-wrapper #jq-books h3 a{font-size:1em;color:black;}
	#home-content-wrapper #jq-books a.jq-buyNow{font-size:1em;color:white;display:block;background:url(http://static.jquery.com/files/rocker/images/btn_blueSheen.gif) 50% repeat-x;text-decoration:none;color:#fff;font-weight:bold;padding:.2em .8em;float:left;margin-top:.2em;}
	
	</style>
</head>

<body id="themeroller">
<!--[if IE 5]><div id="ie5" class="ie"><![endif]-->
<!--[if IE 6]><div id="ie6" class="ie"><![endif]-->
<!--[if IE 7]><div id="ie7" class="ie"><![endif]-->
<div id="wrapper">
	<div id="banner">
		<h1 class="logo">
			<a href="/home" title="jQuery UI"><span>jQuery UI</span></a>
		</h1>
		<div id="dock">
			<div class="left"></div>
			<ul>
				<li>
					<a href="http://jquery.com">jQuery</a>
				</li>
				<li style="padding-right: 12px;">
					<a href="http://plugins.jquery.com/">Plugins</a>
				</li>
				<li class="selected" style="padding-right: 12px;">
					<a href="/home">UI</a>
				</li>
				<li style="padding-left: 12px;">
					<div style="background: #555; width: 1px; height: 24px; position: absolute; left: 0px;"></div>
					<a href="http://blog.jqueryui.com/">Blog</a>
				</li>
				<li>
					<a href="/about">About</a>
				</li>
				<li>
					<a href="http://docs.jquery.com/Donate">Donate</a>
				</li>
			</ul>
			<div class="right"></div>
		</div>
		<div id="navigation">
			<div class="left"></div>
			<ul>
				<li >
					<a href="/download">Download</a>
				</li>
				<li >
					<a href="/demos">Demos &amp; Documentation</a>
				</li>
				<li >
					<a href="/themeroller">Themes</a>
				</li>
								<li >
					<a href="/development">Development</a>
				</li>
				<li class="last">
					<a href="/support">Support</a>
				</li>
			</ul>
			<div class="right"></div>
		</div>
	</div>
	<div id="content-wrapper">
		<div id="content">
		<div class="content-top"></div>		<div class="content">

<div id="application-content" class="clearfix">

	<div id="themeRoller" class="clearfix">
			<div id="themeHeader">
				<h1>ThemeRoller</h1>
			</div>
			<div id="rollerTabs">
				<ul id="rollerTabsNav" class="clearfix corner-top">
					<li class="state-default ui-tabs-selected corner-top"><a href="#rollYourOwn" class="rollYourOwn">Roll Your Own</a></li>
					<li class="state-default corner-top"><a href="#themeGallery" class="themeGallery">Gallery</a></li>
					<li class="state-default corner-top"><a href="#help" class="themeGallery">Help</a></li>
				</ul>
				<div id="rollYourOwn">

<!-- Download theme button -->
<a href="/download?themeParams=%3Fctl%3Dthemeroller" id="downloadTheme" class="corner-all"><span class="icon"></span><strong>Download</strong> theme</a>

<form method="get" action="/" id="themeConfig">
	<fieldset class="clearfix">

		<div class="theme-group clearfix" id="global-font">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<a href="#">Font Settings</a>
			</div><!-- /theme group header -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group clearfix">
					<label for="ffDefault">Family</label>
					<input type="text" name="ffDefault" id="ffDefault" class="ffDefault" value="Verdana,Arial,sans-serif" size="8" />
				</div>
				<div class="field-group clearfix">
					<label for="fwDefault">Weight</label>
					<select name="fwDefault" class="fwDefault" id="fwDefault">
						<option value="normal" selected="selected">normal</option>
						<option value="bold" >bold</option>
					</select>
				</div>
				<div class="field-group clearfix">
					<label for="fsDefault">Size</label>
					<input type="text" name="fsDefault" id="fsDefault" class="fsDefault" value="1.1em"  size="3" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->
	
		<div class="theme-group clearfix" id="global-corners">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<a href="#">Corner Radius</a>
			</div><!-- /theme group header -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-corners clearfix">
					<label for="cornerRadius">Corners:</label>
					<input type="text" value="4px" name="cornerRadius" id="cornerRadius" class="cornerRadius" />
				</div>
				<p id="cornerWarning"><em><strong>Note:</strong> ThemeRoller uses CSS3 border-radius for corner rounding, which is not currently supported by Internet Explorer.</em></p>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->
	
		<div class="theme-group clearfix" id="Header">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-widget-header">abc</div>
				<a href="#">Header/Toolbar</a>
			</div><!-- /theme group header -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorHeader" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorHeader" id="bgColorHeader" class="hex" value="cccccc" />
					<select name="bgTextureHeader" class="texture">
						<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="02_glass.png" data-texturewidth="1" data-textureheight="400">glass</option><option value="03_highlight_soft.png" selected="selected" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>				
					</select>
					<input type="text" name="bgImgOpacityHeader" class="opacity" value="75" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorHeader">Border</label>
					<input type="text" name="borderColorHeader" id="borderColorHeader" class="hex" value="aaaaaa" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcHeader">Text</label>
					<input type="text" name="fcHeader" id="fcHeader" class="hex" value="222222" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorHeader">Icon</label>
					<input type="text" name="iconColorHeader" id="iconColorHeader" class="hex" value="222222" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->			
		
		<div class="theme-group clearfix" id="ContentArea">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-widget-content">abc</div>
				<a href="#">Content</a>
			</div><!-- /theme group Content -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorContent" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorContent" id="bgColorContent" class="hex" value="ffffff" />
					<select name="bgTextureContent" class="texture">
					<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>					</select>
					<input type="text" name="bgImgOpacityContent" class="opacity" value="75" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorContent">Border</label>
					<input type="text" name="borderColorContent" id="borderColorContent" class="hex" value="aaaaaa" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcContent">Text</label>
					<input type="text" name="fcContent" id="fcContent" class="hex" value="222222" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorContent">Icon</label>
					<input type="text" name="iconColorContent" id="iconColorContent" class="hex" value="222222" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->		

		<div class="theme-group clearfix" id="Default">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-state-default">abc</div>
				<a href="#">Clickable: default state</a>
				
			</div><!-- /theme group Default -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorDefault" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorDefault" id="bgColorDefault" class="hex" value="e6e6e6" />
					<select name="bgTextureDefault" class="texture">
					<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="02_glass.png" selected="selected" data-texturewidth="1" data-textureheight="400">glass</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityDefault" class="opacity" value="75" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorDefault">Border</label>
					<input type="text" name="borderColorDefault" id="borderColorDefault" class="hex" value="d3d3d3" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcDefault">Text</label>
					<input type="text" name="fcDefault" id="fcDefault" class="hex" value="555555" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorDefault">Icon</label>
					<input type="text" name="iconColorDefault" id="iconColorDefault" class="hex" value="888888" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->	
	
		<div class="theme-group clearfix" id="Hover">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-state-hover">abc</div>
				<a href="#">Clickable: hover state</a>
			</div><!-- /theme group Hover -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorHover" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorHover" id="bgColorHover" class="hex" value="dadada" />
					<select name="bgTextureHover" class="texture">
					<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="02_glass.png" selected="selected" data-texturewidth="1" data-textureheight="400">glass</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityHover" class="opacity" value="75" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorHover">Border</label>
					<input type="text" name="borderColorHover" id="borderColorHover" class="hex" value="999999" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcHover">Text</label>
					<input type="text" name="fcHover" id="fcHover" class="hex" value="212121" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorHover">Icon</label>
					<input type="text" name="iconColorHover" id="iconColorHover" class="hex" value="454545" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->	

		<div class="theme-group clearfix" id="Active">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-state-active">abc</div>
				<a href="#">Clickable: active state</a>
			</div><!-- /theme group Active -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorActive" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorActive" id="bgColorActive" class="hex" value="ffffff" />
					<select name="bgTextureActive" class="texture">
					<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="02_glass.png" selected="selected" data-texturewidth="1" data-textureheight="400">glass</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityActive" class="opacity" value="65" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorActive">Border</label>
					<input type="text" name="borderColorActive" id="borderColorActive" class="hex" value="aaaaaa" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcActive">Text</label>
					<input type="text" name="fcActive" id="fcActive" class="hex" value="212121" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorActive">Icon</label>
					<input type="text" name="iconColorActive" id="iconColorActive" class="hex" value="454545" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->	
							
		<div class="theme-group clearfix" id="Highlight">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-state-highlight">abc</div>
				<a href="#">Highlight</a>
			</div><!-- /theme group Highlight -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorHighlight" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorHighlight" id="bgColorHighlight" class="hex" value="fbf9ee" />
					<select name="bgTextureHighlight" class="texture">
					<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="02_glass.png" selected="selected" data-texturewidth="1" data-textureheight="400">glass</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityHighlight" class="opacity" value="55" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorHighlight">Border</label>
					<input type="text" name="borderColorHighlight" id="borderColorHighlight" class="hex" value="fcefa1" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcHighlight">Text</label>
					<input type="text" name="fcHighlight" id="fcHighlight" class="hex" value="363636" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorHighlight">Icon</label>
					<input type="text" name="iconColorHighlight" id="iconColorHighlight" class="hex" value="2e83ff" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->			
	
		<div class="theme-group clearfix" id="Error">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<div class="state-preview corner-all ui-state-error">abc</div>
				<a href="#">Error</a>
			</div><!-- /theme group Error -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorError" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorError" id="bgColorError" class="hex" value="fef1ec" />
					<select name="bgTextureError" class="texture">
					<option value="01_flat.png" data-texturewidth="40" data-textureheight="100">flat</option><option value="02_glass.png" data-texturewidth="1" data-textureheight="400">glass</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" selected="selected" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityError" class="opacity" value="95" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-border clearfix">
					<label for="borderColorError">Border</label>
					<input type="text" name="borderColorError" id="borderColorError" class="hex" value="cd0a0a" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="fcError">Text</label>
					<input type="text" name="fcError" id="fcError" class="hex" value="cd0a0a" size="6" />
				</div>
				<div class="field-group clearfix">
					<label for="iconColorError">Icon</label>
					<input type="text" name="iconColorError" id="iconColorError" class="hex" value="cd0a0a" size="6" />
				</div>
			</div><!-- /theme group content -->
		</div><!-- /theme group -->		

		<div class="theme-group clearfix" id="Overlay">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<a href="#">Modal Screen for Overlays </a>
			</div><!-- /theme group Overlay -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorOverlay" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorOverlay" id="bgColorOverlay" class="hex" value="aaaaaa" />
					<select name="bgTextureOverlay" class="texture">
					<option value="01_flat.png" selected="selected" data-texturewidth="40" data-textureheight="100">flat</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityOverlay" class="opacity" value="0" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-opacity clearfix">
					<label for="opacityOverlay">Overlay Opacity:</label>
					<input type="text" name="opacityOverlay" id="opacityOverlay" class="opacity" value="30" />
					<span class="opacity-per">%</span>
				</div>	
			</div><!-- /theme group Overlay -->
		</div><!-- /theme group -->		
		
		<div class="theme-group clearfix" id="Shadow">
			<div class="theme-group-header state-default">
				<span class="icon icon-triangle-1-e">Collapse</span>
				<a href="#">Drop Shadows</a>
			</div><!-- /theme group Shadow -->
			<div class="theme-group-content corner-bottom clearfix">
				<div class="field-group field-group-background clearfix">
					<label for="bgColorShadow" class="background">Background color &amp; texture</label>
					<input type="text" name="bgColorShadow" id="bgColorShadow" class="hex" value="aaaaaa" />
					<select name="bgTextureShadow" class="texture">
					<option value="01_flat.png" selected="selected" data-texturewidth="40" data-textureheight="100">flat</option><option value="03_highlight_soft.png" data-texturewidth="1" data-textureheight="100">highlight soft</option><option value="04_highlight_hard.png" data-texturewidth="1" data-textureheight="100">highlight hard</option><option value="05_inset_soft.png" data-texturewidth="1" data-textureheight="100">inset soft</option><option value="06_inset_hard.png" data-texturewidth="1" data-textureheight="100">inset hard</option><option value="07_diagonals_small.png" data-texturewidth="40" data-textureheight="40">diagonals small</option><option value="07_diagonals_medium.png" data-texturewidth="40" data-textureheight="40">diagonals medium</option><option value="08_diagonals_thick.png" data-texturewidth="40" data-textureheight="40">diagonals thick</option><option value="09_dots_small.png" data-texturewidth="2" data-textureheight="2">dots small</option><option value="10_dots_medium.png" data-texturewidth="4" data-textureheight="4">dots medium</option><option value="11_white_lines.png" data-texturewidth="40" data-textureheight="100">white lines</option><option value="12_gloss_wave.png" data-texturewidth="500" data-textureheight="100">gloss wave</option><option value="13_diamond.png" data-texturewidth="10" data-textureheight="8">diamond</option><option value="14_loop.png" data-texturewidth="21" data-textureheight="21">loop</option><option value="15_carbon_fiber.png" data-texturewidth="8" data-textureheight="9">carbon fiber</option><option value="16_diagonal_maze.png" data-texturewidth="10" data-textureheight="10">diagonal maze</option><option value="17_diamond_ripple.png" data-texturewidth="22" data-textureheight="22">diamond ripple</option><option value="18_hexagon.png" data-texturewidth="12" data-textureheight="10">hexagon</option><option value="19_layered_circles.png" data-texturewidth="13" data-textureheight="13">layered circles</option><option value="20_3D_boxes.png" data-texturewidth="12" data-textureheight="10">3D boxes</option><option value="21_glow_ball.png" data-texturewidth="16" data-textureheight="16">glow ball</option><option value="22_spotlight.png" data-texturewidth="16" data-textureheight="16">spotlight</option><option value="23_fine_grain.png" data-texturewidth="60" data-textureheight="60">fine grain</option>	
					</select>
					<input type="text" name="bgImgOpacityShadow" id="bgImgOpacityShadow" class="opacity" value="0" />
					<span class="opacity-per">%</span>
				</div>
				<div class="field-group field-group-opacity clearfix">
					<label for="opacityShadow">Shadow Opacity:</label>
					<input type="text" name="opacityShadow" id="opacityShadow" class="opacity" value="30" />
					<span class="opacity-per">%</span>
				</div>	
				<div class="field-group clearfix">
					<label for="thicknessShadow">Shadow Thickness:</label>
					<input type="text" name="thicknessShadow" id="thicknessShadow" class="offset" value="8px" />
				</div>	
				<div class="field-group clearfix">
					<label for="offsetTopShadow">Top Offset:</label>
					<input type="text" name="offsetTopShadow" id="offsetTopShadow" class="offset" value="-8px" />
				</div>	
				<div class="field-group clearfix">
					<label for="offsetLeftShadow">Left Offset:</label>
					<input type="text" name="offsetLeftShadow" id="offsetLeftShadow" class="offset" value="-8px" />
				</div>						
				<div class="field-group field-group-corners clearfix">
					<label for="cornerRadiusShadow">Corners:</label>
					<input type="text" value="8px" name="cornerRadiusShadow" id="cornerRadiusShadow" class="cornerRadius" />
				</div>
			</div><!-- /theme group Shadow -->
		</div><!-- /theme group -->						
		
		<button type="submit" name="submit" id="submitBtn">Preview Changes</button>		
	</fieldset>
</form>
</div><!-- /rollYourOwn -->
				<div id="themeGallery">
	<ul>
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Trebuchet+MS,+Tahoma,+Verdana,+Arial,+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=4px&amp;bgColorHeader=f6a828&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=35&amp;borderColorHeader=e78f08&amp;fcHeader=ffffff&amp;iconColorHeader=ffffff&amp;bgColorContent=eeeeee&amp;bgTextureContent=03_highlight_soft.png&amp;bgImgOpacityContent=100&amp;borderColorContent=dddddd&amp;fcContent=333333&amp;iconColorContent=222222&amp;bgColorDefault=f6f6f6&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=100&amp;borderColorDefault=cccccc&amp;fcDefault=1c94c4&amp;iconColorDefault=ef8c08&amp;bgColorHover=fdf5ce&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=100&amp;borderColorHover=fbcb09&amp;fcHover=c77405&amp;iconColorHover=ef8c08&amp;bgColorActive=ffffff&amp;bgTextureActive=02_glass.png&amp;bgImgOpacityActive=65&amp;borderColorActive=fbd850&amp;fcActive=eb8f00&amp;iconColorActive=ef8c08&amp;bgColorHighlight=ffe45c&amp;bgTextureHighlight=03_highlight_soft.png&amp;bgImgOpacityHighlight=75&amp;borderColorHighlight=fed22f&amp;fcHighlight=363636&amp;iconColorHighlight=228ef1&amp;bgColorError=b81900&amp;bgTextureError=08_diagonals_thick.png&amp;bgImgOpacityError=18&amp;borderColorError=cd0a0a&amp;fcError=ffffff&amp;iconColorError=ffd27a&amp;bgColorOverlay=666666&amp;bgTextureOverlay=08_diagonals_thick.png&amp;bgImgOpacityOverlay=20&amp;opacityOverlay=50&amp;bgColorShadow=000000&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=10&amp;opacityShadow=20&amp;thicknessShadow=5px&amp;offsetTopShadow=-5px&amp;offsetLeftShadow=-5px&amp;cornerRadiusShadow=5px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_ui_light.png" alt="UI Lightness" title="UI Lightness" />
			<span class="themeName">UI lightness</span>
		</a></li>		
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Segoe+UI%2C+Arial%2C+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=6px&amp;bgColorHeader=333333&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=25&amp;borderColorHeader=333333&amp;fcHeader=ffffff&amp;iconColorHeader=ffffff&amp;bgColorContent=000000&amp;bgTextureContent=05_inset_soft.png&amp;bgImgOpacityContent=25&amp;borderColorContent=666666&amp;fcContent=ffffff&amp;iconColorContent=cccccc&amp;bgColorDefault=555555&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=20&amp;borderColorDefault=666666&amp;fcDefault=eeeeee&amp;iconColorDefault=cccccc&amp;bgColorHover=0078a3&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=40&amp;borderColorHover=59b4d4&amp;fcHover=ffffff&amp;iconColorHover=ffffff&amp;bgColorActive=f58400&amp;bgTextureActive=05_inset_soft.png&amp;bgImgOpacityActive=30&amp;borderColorActive=ffaf0f&amp;fcActive=ffffff&amp;iconColorActive=222222&amp;bgColorHighlight=eeeeee&amp;bgTextureHighlight=03_highlight_soft.png&amp;bgImgOpacityHighlight=80&amp;borderColorHighlight=cccccc&amp;fcHighlight=2e7db2&amp;iconColorHighlight=4b8e0b&amp;bgColorError=ffc73d&amp;bgTextureError=02_glass.png&amp;bgImgOpacityError=40&amp;borderColorError=ffb73d&amp;fcError=111111&amp;iconColorError=a83300&amp;bgColorOverlay=5c5c5c&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=50&amp;opacityOverlay=80&amp;bgColorShadow=cccccc&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=30&amp;opacityShadow=60&amp;thicknessShadow=7px&amp;offsetTopShadow=-7px&amp;offsetLeftShadow=-7px&amp;cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_ui_dark.png" alt="UI Darkness" title="UI Darkness" />
			<span class="themeName">UI darkness</span>
		</a></li>	
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Verdana,Arial,sans-serif&amp;fwDefault=normal&amp;fsDefault=1.1em&amp;cornerRadius=4px&amp;bgColorHeader=cccccc&amp;bgTextureHeader=03_highlight_soft.png&amp;bgImgOpacityHeader=75&amp;borderColorHeader=aaaaaa&amp;fcHeader=222222&amp;iconColorHeader=222222&amp;bgColorContent=ffffff&amp;bgTextureContent=01_flat.png&amp;bgImgOpacityContent=75&amp;borderColorContent=aaaaaa&amp;fcContent=222222&amp;iconColorContent=222222&amp;bgColorDefault=e6e6e6&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=75&amp;borderColorDefault=d3d3d3&amp;fcDefault=555555&amp;iconColorDefault=888888&amp;bgColorHover=dadada&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=75&amp;borderColorHover=999999&amp;fcHover=212121&amp;iconColorHover=454545&amp;bgColorActive=ffffff&amp;bgTextureActive=02_glass.png&amp;bgImgOpacityActive=65&amp;borderColorActive=aaaaaa&amp;fcActive=212121&amp;iconColorActive=454545&amp;bgColorHighlight=fbf9ee&amp;bgTextureHighlight=02_glass.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=fcefa1&amp;fcHighlight=363636&amp;iconColorHighlight=2e83ff&amp;bgColorError=fef1ec&amp;bgTextureError=02_glass.png&amp;bgImgOpacityError=95&amp;borderColorError=cd0a0a&amp;fcError=cd0a0a&amp;iconColorError=cd0a0a&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=0&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_smoothness.png" alt="Smoothness" title="Smoothness" />
			<span class="themeName">Smoothness</span>
		</a></li>			
				<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Verdana%2CArial%2Csans-serif&amp;fwDefault=normal&amp;fsDefault=1.1em&amp;cornerRadius=5px&amp;bgColorHeader=2191c0&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=75&amp;borderColorHeader=4297d7&amp;fcHeader=eaf5f7&amp;iconColorHeader=d8e7f3&amp;bgColorContent=fcfdfd&amp;bgTextureContent=06_inset_hard.png&amp;bgImgOpacityContent=100&amp;borderColorContent=a6c9e2&amp;fcContent=222222&amp;iconColorContent=0078ae&amp;bgColorDefault=0078ae&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=45&amp;borderColorDefault=77d5f7&amp;fcDefault=ffffff&amp;iconColorDefault=e0fdff&amp;bgColorHover=79c9ec&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=75&amp;borderColorHover=448dae&amp;fcHover=026890&amp;iconColorHover=056b93&amp;bgColorActive=6eac2c&amp;bgTextureActive=12_gloss_wave.png&amp;bgImgOpacityActive=50&amp;borderColorActive=acdd4a&amp;fcActive=ffffff&amp;iconColorActive=f5e175&amp;bgColorHighlight=f8da4e&amp;bgTextureHighlight=02_glass.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=fcd113&amp;fcHighlight=915608&amp;iconColorHighlight=f7a50d&amp;bgColorError=e14f1c&amp;bgTextureError=12_gloss_wave.png&amp;bgImgOpacityError=45&amp;borderColorError=cd0a0a&amp;fcError=ffffff&amp;iconColorError=fcd113&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=75&amp;opacityOverlay=30&amp;bgColorShadow=999999&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=55&amp;opacityShadow=45&amp;thicknessShadow=0px&amp;offsetTopShadow=5px&amp;offsetLeftShadow=5px&amp;cornerRadiusShadow=5px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_start_menu.png" alt="Start" title="Start" />
			<span class="themeName">Start</span>
		</a></li>
				<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Lucida+Grande,+Lucida+Sans,+Arial,+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=5px&amp;bgColorHeader=5c9ccc&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=55&amp;borderColorHeader=4297d7&amp;fcHeader=ffffff&amp;iconColorHeader=d8e7f3&amp;bgColorContent=fcfdfd&amp;bgTextureContent=06_inset_hard.png&amp;bgImgOpacityContent=100&amp;borderColorContent=a6c9e2&amp;fcContent=222222&amp;iconColorContent=469bdd&amp;bgColorDefault=dfeffc&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=85&amp;borderColorDefault=c5dbec&amp;fcDefault=2e6e9e&amp;iconColorDefault=6da8d5&amp;bgColorHover=d0e5f5&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=75&amp;borderColorHover=79b7e7&amp;fcHover=1d5987&amp;iconColorHover=217bc0&amp;bgColorActive=f5f8f9&amp;bgTextureActive=06_inset_hard.png&amp;bgImgOpacityActive=100&amp;borderColorActive=79b7e7&amp;fcActive=e17009&amp;iconColorActive=f9bd01&amp;bgColorHighlight=fbec88&amp;bgTextureHighlight=01_flat.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=fad42e&amp;fcHighlight=363636&amp;iconColorHighlight=2e83ff&amp;bgColorError=fef1ec&amp;bgTextureError=02_glass.png&amp;bgImgOpacityError=95&amp;borderColorError=cd0a0a&amp;fcError=cd0a0a&amp;iconColorError=cd0a0a&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=0&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_windoze.png" alt="Redmond" title="Redmond" />
			<span class="themeName">Redmond</span>
		</a></li>
		
				<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Segoe+UI%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=817865&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=45&borderColorHeader=494437&fcHeader=ffffff&iconColorHeader=fadc7a&bgColorContent=feeebd&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=8e846b&fcContent=383838&iconColorContent=d19405&bgColorDefault=fece2f&bgTextureDefault=12_gloss_wave.png&bgImgOpacityDefault=60&borderColorDefault=d19405&fcDefault=4c3000&iconColorDefault=3d3d3d&bgColorHover=ffdd57&bgTextureHover=12_gloss_wave.png&bgImgOpacityHover=70&borderColorHover=a45b13&fcHover=381f00&iconColorHover=bd7b00&bgColorActive=ffffff&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=655e4e&fcActive=0074c7&iconColorActive=eb990f&bgColorHighlight=fff9e5&bgTextureHighlight=12_gloss_wave.png&bgImgOpacityHighlight=90&borderColorHighlight=eeb420&fcHighlight=1f1f1f&iconColorHighlight=ed9f26&bgColorError=d34d17&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=20&borderColorError=ffb73d&fcError=ffffff&iconColorError=ffe180&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_sunny.png" alt="Sunny" title="Sunny" />
			<span class="themeName">Sunny</span>
		</a></li>
		
				<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Trebuchet+MS%2C+Helvetica%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=dddddd&bgTextureHeader=02_glass.png&bgImgOpacityHeader=35&borderColorHeader=bbbbbb&fcHeader=444444&iconColorHeader=999999&bgColorContent=c9c9c9&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=50&borderColorContent=aaaaaa&fcContent=333333&iconColorContent=999999&bgColorDefault=eeeeee&bgTextureDefault=02_glass.png&bgImgOpacityDefault=60&borderColorDefault=cccccc&fcDefault=3383bb&iconColorDefault=70b2e1&bgColorHover=f8f8f8&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=bbbbbb&fcHover=599fcf&iconColorHover=3383bb&bgColorActive=999999&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=75&borderColorActive=999999&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=eeeeee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffffff&fcHighlight=444444&iconColorHighlight=3383bb&bgColorError=c0402a&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=c0402a&fcError=ffffff&iconColorError=fbc856&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0pxdow%3D0px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_overcast.png" alt="Overcast" title="Overcast" />
			<span class="themeName">Overcast</span>		
		</a></li>
		
				<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=10px&bgColorHeader=3a8104&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=33&borderColorHeader=3f7506&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=285c00&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=10&borderColorContent=72b42d&fcContent=ffffff&iconColorContent=72b42d&bgColorDefault=4ca20b&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=60&borderColorDefault=45930b&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=4eb305&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=50&borderColorHover=8bd83b&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=285c00&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=30&borderColorActive=72b42d&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=4eb305&bgColorError=ffdc2e&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=95&borderColorError=fad000&fcError=2b2b2b&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_le_frog.png" alt="Le Frog" title="Le Frog" />
			<span class="themeName">Le Frog</span>
		</a></li>
		
						<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Helvetica%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_flick.png" alt="Flick" title="Flick" />
			<span class="themeName">Flick</span>		
		</a></li>

	
	

		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Trebuchet+MS%2C+Tahoma%2C+Verdana%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ffffff&bgTextureHeader=23_fine_grain.png&bgImgOpacityHeader=15&borderColorHeader=d4d1bf&fcHeader=453821&iconColorHeader=b83400&bgColorContent=eceadf&bgTextureContent=23_fine_grain.png&bgImgOpacityContent=10&borderColorContent=d9d6c4&fcContent=1f1f1f&iconColorContent=222222&bgColorDefault=f8f7f6&bgTextureDefault=23_fine_grain.png&bgImgOpacityDefault=10&borderColorDefault=cbc7bd&fcDefault=654b24&iconColorDefault=b83400&bgColorHover=654b24&bgTextureHover=23_fine_grain.png&bgImgOpacityHover=65&borderColorHover=654b24&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=eceadf&bgTextureActive=23_fine_grain.png&bgImgOpacityActive=15&borderColorActive=d9d6c4&fcActive=140f06&iconColorActive=8c291d&bgColorHighlight=f7f3de&bgTextureHighlight=23_fine_grain.png&bgImgOpacityHighlight=15&borderColorHighlight=b2a266&fcHighlight=3a3427&iconColorHighlight=3572ac&bgColorError=b83400&bgTextureError=23_fine_grain.png&bgImgOpacityError=68&borderColorError=681818&fcError=ffffff&iconColorError=fbdb93&bgColorOverlay=6e4f1c&bgTextureOverlay=16_diagonal_maze.png&bgImgOpacityOverlay=20&opacityOverlay=60&bgColorShadow=000000&bgTextureShadow=16_diagonal_maze.png&bgImgOpacityShadow=40&opacityShadow=60&thicknessShadow=5px&offsetTopShadow=0&offsetLeftShadow=-10px&cornerRadiusShadow=18px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" />
			<span class="themeName">Pepper Grinder</span>		
		</a></li>
		
		
				<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=30273a&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=25&borderColorHeader=231d2b&fcHeader=ffffff&iconColorHeader=a8a3ae&bgColorContent=3d3644&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=30&borderColorContent=7e7783&fcContent=ffffff&iconColorContent=ffffff&bgColorDefault=dcd9de&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dcd9de&fcDefault=665874&iconColorDefault=8d78a5&bgColorHover=eae6ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=100&borderColorHover=d1c5d8&fcHover=734d99&iconColorHover=734d99&bgColorActive=5f5964&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=45&borderColorActive=7e7783&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=fafafa&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffdb1f&fcHighlight=333333&iconColorHighlight=8d78a5&bgColorError=994d53&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=994d53&fcError=ffffff&iconColorError=ebccce&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_eggplant.png" alt="Eggplant" title="Eggplant" />
			<span class="themeName">Eggplant</span>		
		</a></li>
		
						<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Verdana%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=444444&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=44&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=14_loop.png&bgImgOpacityContent=25&borderColorContent=555555&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=222222&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=444444&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=003147&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=33&borderColorHover=0b93d5&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=0972a5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=20&borderColorActive=26b3f7&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_dark_hive.png" alt="Dark Hive" title="Dark Hive" />
			<span class="themeName">Dark Hive</span>
		</a></li>
		

		
				
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_cupertino.png" alt="Cupertino" title="Cupertino" />
			<span class="themeName">Cupertino</span>		
		</a></li>
		
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=segoe+ui%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_south_street.png" alt="South St" title="South St" />
			<span class="themeName">South Street</span>		
		</a></li>
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_blitzer.png" alt="Blitzer" title="Blitzer" />
			<span class="themeName">Blitzer</span>
		</a></li>	
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?tr=ffDefault=Helvetica,Arial,sans-serif&amp;fwDefault=normal&amp;fsDefault=1.1em&amp;cornerRadius=6px&amp;bgColorHeader=cb842e&amp;bgTextureHeader=02_glass.png&amp;bgImgOpacityHeader=25&amp;borderColorHeader=d49768&amp;fcHeader=ffffff&amp;iconColorHeader=ffffff&amp;bgColorContent=f4f0ec&amp;bgTextureContent=05_inset_soft.png&amp;bgImgOpacityContent=100&amp;borderColorContent=e0cfc2&amp;fcContent=1e1b1d&amp;iconColorContent=c47a23&amp;bgColorDefault=ede4d4&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=70&amp;borderColorDefault=cdc3b7&amp;fcDefault=3f3731&amp;iconColorDefault=f08000&amp;bgColorHover=f5f0e5&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=100&amp;borderColorHover=f5ad66&amp;fcHover=a46313&amp;iconColorHover=f08000&amp;bgColorActive=f4f0ec&amp;bgTextureActive=04_highlight_hard.png&amp;bgImgOpacityActive=100&amp;borderColorActive=e0cfc2&amp;fcActive=b85700&amp;iconColorActive=f35f07&amp;bgColorHighlight=f5f5b5&amp;bgTextureHighlight=04_highlight_hard.png&amp;bgImgOpacityHighlight=75&amp;borderColorHighlight=d9bb73&amp;fcHighlight=060200&amp;iconColorHighlight=cb672b&amp;bgColorError=fee4bd&amp;bgTextureError=04_highlight_hard.png&amp;bgImgOpacityError=65&amp;borderColorError=f8893f&amp;fcError=592003&amp;iconColorError=ff7519&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=75&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=75&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_humanity.png" alt="Humanity" title="Humanity" />
			<span class="themeName">Humanity</span>
		</a></li>	
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Gill+Sans,Arial,sans-serif&amp;fwDefault=bold&amp;fsDefault=1.2em&amp;cornerRadius=4px&amp;bgColorHeader=35414f&amp;bgTextureHeader=09_dots_small.png&amp;bgImgOpacityHeader=35&amp;borderColorHeader=2c4359&amp;fcHeader=e1e463&amp;iconColorHeader=e1e463&amp;bgColorContent=ffffff&amp;bgTextureContent=01_flat.png&amp;bgImgOpacityContent=75&amp;borderColorContent=aaaaaa&amp;fcContent=2c4359&amp;iconColorContent=c02669&amp;bgColorDefault=93c3cd&amp;bgTextureDefault=07_diagonals_small.png&amp;bgImgOpacityDefault=50&amp;borderColorDefault=93c3cd&amp;fcDefault=333333&amp;iconColorDefault=ffffff&amp;bgColorHover=ccd232&amp;bgTextureHover=07_diagonals_small.png&amp;bgImgOpacityHover=75&amp;borderColorHover=999999&amp;fcHover=212121&amp;iconColorHover=454545&amp;bgColorActive=db4865&amp;bgTextureActive=07_diagonals_small.png&amp;bgImgOpacityActive=40&amp;borderColorActive=ff6b7f&amp;fcActive=ffffff&amp;iconColorActive=ffffff&amp;bgColorHighlight=ffff38&amp;bgTextureHighlight=10_dots_medium.png&amp;bgImgOpacityHighlight=80&amp;borderColorHighlight=b4d100&amp;fcHighlight=363636&amp;iconColorHighlight=88a206&amp;bgColorError=ff3853&amp;bgTextureError=07_diagonals_small.png&amp;bgImgOpacityError=50&amp;borderColorError=ff6b7f&amp;fcError=ffffff&amp;iconColorError=ffeb33&amp;bgColorOverlay=f7f7ba&amp;bgTextureOverlay=11_white_lines.png&amp;bgImgOpacityOverlay=85&amp;opacityOverlay=80&amp;bgColorShadow=ba9217&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=75&amp;opacityShadow=20&amp;thicknessShadow=10px&amp;offsetTopShadow=8px&amp;offsetLeftShadow=8px&amp;cornerRadiusShadow=5px">
		<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" />
			<span class="themeName">Hot sneaks</span>
		</a></li>	
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=segoe+ui,+Arial,+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=3px&amp;bgColorHeader=f9f9f9&amp;bgTextureHeader=03_highlight_soft.png&amp;bgImgOpacityHeader=100&amp;borderColorHeader=cccccc&amp;fcHeader=e69700&amp;iconColorHeader=5fa5e3&amp;bgColorContent=eeeeee&amp;bgTextureContent=06_inset_hard.png&amp;bgImgOpacityContent=100&amp;borderColorContent=aaaaaa&amp;fcContent=222222&amp;iconColorContent=0a82eb&amp;bgColorDefault=1484e6&amp;bgTextureDefault=08_diagonals_thick.png&amp;bgImgOpacityDefault=22&amp;borderColorDefault=ffffff&amp;fcDefault=ffffff&amp;iconColorDefault=fcdd4a&amp;bgColorHover=2293f7&amp;bgTextureHover=08_diagonals_thick.png&amp;bgImgOpacityHover=26&amp;borderColorHover=2293f7&amp;fcHover=ffffff&amp;iconColorHover=ffffff&amp;bgColorActive=e69700&amp;bgTextureActive=08_diagonals_thick.png&amp;bgImgOpacityActive=20&amp;borderColorActive=e69700&amp;fcActive=ffffff&amp;iconColorActive=ffffff&amp;bgColorHighlight=c5ddfc&amp;bgTextureHighlight=07_diagonals_small.png&amp;bgImgOpacityHighlight=25&amp;borderColorHighlight=ffffff&amp;fcHighlight=333333&amp;iconColorHighlight=0b54d5&amp;bgColorError=e69700&amp;bgTextureError=08_diagonals_thick.png&amp;bgImgOpacityError=20&amp;borderColorError=e69700&amp;fcError=ffffff&amp;iconColorError=ffffff&amp;bgColorOverlay=e6b900&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=e69700&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=0&amp;opacityShadow=20&amp;thicknessShadow=0px&amp;offsetTopShadow=6px&amp;offsetLeftShadow=6px&amp;cornerRadiusShadow=3px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_excite_bike.png" alt="Excite Bike" title="Excite Bike" />
			<span class="themeName">Excite Bike</span>	
		</a></li>
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?tr&amp;ffDefault=Helvetica,+Arial,+sans-serif&amp;fwDefault=normal&amp;fsDefault=1.1&amp;fsDefaultUnit=em&amp;cornerRadius=5&amp;cornerRadiusUnit=px&amp;bgColorHeader=888888&amp;bgTextureHeader=04_highlight_hard.png&amp;bgImgOpacityHeader=15&amp;borderColorHeader=404040&amp;fcHeader=ffffff&amp;iconColorHeader=cccccc&amp;bgColorContent=121212&amp;bgTextureContent=12_gloss_wave.png&amp;bgImgOpacityContent=16&amp;borderColorContent=404040&amp;fcContent=eeeeee&amp;iconColorContent=bbbbbb&amp;bgColorDefault=adadad&amp;bgTextureDefault=03_highlight_soft.png&amp;bgImgOpacityDefault=35&amp;borderColorDefault=cccccc&amp;fcDefault=333333&amp;iconColorDefault=666666&amp;bgColorHover=dddddd&amp;bgTextureHover=03_highlight_soft.png&amp;bgImgOpacityHover=60&amp;borderColorHover=dddddd&amp;fcHover=000000&amp;iconColorHover=c98000&amp;bgColorActive=121212&amp;bgTextureActive=05_inset_soft.png&amp;bgImgOpacityActive=15&amp;borderColorActive=000000&amp;fcActive=ffffff&amp;iconColorActive=f29a00&amp;bgColorHighlight=555555&amp;bgTextureHighlight=04_highlight_hard.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=404040&amp;fcHighlight=cccccc&amp;iconColorHighlight=aaaaaa&amp;bgColorError=fef1ec&amp;bgTextureError=02_glass.png&amp;bgImgOpacityError=95&amp;borderColorError=cd0a0a&amp;fcError=cd0a0a&amp;iconColorError=cd0a0a">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_black_matte.png" alt="Vader" title="Vader" />
			<span class="themeName">Vader</span>	
		</a></li>		
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Arial,+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.3em&amp;cornerRadius=4px&amp;bgColorHeader=0b3e6f&amp;bgTextureHeader=08_diagonals_thick.png&amp;bgImgOpacityHeader=15&amp;borderColorHeader=0b3e6f&amp;fcHeader=f6f6f6&amp;iconColorHeader=98d2fb&amp;bgColorContent=111111&amp;bgTextureContent=12_gloss_wave.png&amp;bgImgOpacityContent=20&amp;borderColorContent=000000&amp;fcContent=d9d9d9&amp;iconColorContent=9ccdfc&amp;bgColorDefault=333333&amp;bgTextureDefault=09_dots_small.png&amp;bgImgOpacityDefault=20&amp;borderColorDefault=333333&amp;fcDefault=ffffff&amp;iconColorDefault=9ccdfc&amp;bgColorHover=00498f&amp;bgTextureHover=09_dots_small.png&amp;bgImgOpacityHover=40&amp;borderColorHover=222222&amp;fcHover=ffffff&amp;iconColorHover=ffffff&amp;bgColorActive=292929&amp;bgTextureActive=01_flat.png&amp;bgImgOpacityActive=40&amp;borderColorActive=096ac8&amp;fcActive=75abff&amp;iconColorActive=00498f&amp;bgColorHighlight=0b58a2&amp;bgTextureHighlight=10_dots_medium.png&amp;bgImgOpacityHighlight=30&amp;borderColorHighlight=052f57&amp;fcHighlight=ffffff&amp;iconColorHighlight=ffffff&amp;bgColorError=a32d00&amp;bgTextureError=09_dots_small.png&amp;bgImgOpacityError=30&amp;borderColorError=cd0a0a&amp;fcError=ffffff&amp;iconColorError=ffffff&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=0&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_dot_luv.png" alt="Dot Luv" title="Dot Luv" />
			<span class="themeName">Dot Luv</span>	
		</a></li>	
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Segoe+UI%2C+Helvetica%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=453326&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=25&borderColorHeader=695649&fcHeader=e3ddc9&iconColorHeader=e3ddc9&bgColorContent=201913&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=10&borderColorContent=9c947c&fcContent=ffffff&iconColorContent=222222&bgColorDefault=1c160d&bgTextureDefault=12_gloss_wave.png&bgImgOpacityDefault=20&borderColorDefault=695444&fcDefault=9bcc60&iconColorDefault=9bcc60&bgColorHover=44372c&bgTextureHover=12_gloss_wave.png&bgImgOpacityHover=30&borderColorHover=9c947c&fcHover=baec7e&iconColorHover=add978&bgColorActive=201913&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=20&borderColorActive=9c947c&fcActive=e3ddc9&iconColorActive=e3ddc9&bgColorHighlight=619226&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=20&borderColorHighlight=add978&fcHighlight=ffffff&iconColorHighlight=ffffff&bgColorError=5f391b&bgTextureError=02_glass.png&bgImgOpacityError=15&borderColorError=5f391b&fcError=ffffff&iconColorError=f1fd86&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_mint_choco.png" alt="Mint Choc" title="Mint Choc" />
			<span class="themeName">Mint Choc</span>
		</a></li>
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Verdana,+Arial,+sans-serif&amp;fwDefault=normal&amp;fsDefault=1.1em&amp;cornerRadius=4px&amp;bgColorHeader=333333&amp;bgTextureHeader=08_diagonals_thick.png&amp;bgImgOpacityHeader=8&amp;borderColorHeader=a3a3a3&amp;fcHeader=eeeeee&amp;iconColorHeader=bbbbbb&amp;bgColorContent=f9f9f9&amp;bgTextureContent=04_highlight_hard.png&amp;bgImgOpacityContent=100&amp;borderColorContent=cccccc&amp;fcContent=222222&amp;iconColorContent=222222&amp;bgColorDefault=111111&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=40&amp;borderColorDefault=777777&amp;fcDefault=e3e3e3&amp;iconColorDefault=ededed&amp;bgColorHover=1c1c1c&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=55&amp;borderColorHover=000000&amp;fcHover=ffffff&amp;iconColorHover=ffffff&amp;bgColorActive=ffffff&amp;bgTextureActive=01_flat.png&amp;bgImgOpacityActive=65&amp;borderColorActive=cccccc&amp;fcActive=222222&amp;iconColorActive=222222&amp;bgColorHighlight=ffeb80&amp;bgTextureHighlight=06_inset_hard.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=ffde2e&amp;fcHighlight=363636&amp;iconColorHighlight=4ca300&amp;bgColorError=cd0a0a&amp;bgTextureError=06_inset_hard.png&amp;bgImgOpacityError=45&amp;borderColorError=9e0505&amp;fcError=ffffff&amp;iconColorError=ffcf29&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=04_highlight_hard.png&amp;bgImgOpacityOverlay=40&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=03_highlight_soft.png&amp;bgImgOpacityShadow=50&amp;opacityShadow=20&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_black_tie.png" alt="Black Tie" title="Black Tie" />
			<span class="themeName">Black Tie</span>
		</a></li>
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Segoe+UI,+Helvetica,+Arial,+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=6px&amp;bgColorHeader=9fda58&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=85&amp;borderColorHeader=000000&amp;fcHeader=222222&amp;iconColorHeader=1f1f1f&amp;bgColorContent=000000&amp;bgTextureContent=12_gloss_wave.png&amp;bgImgOpacityContent=55&amp;borderColorContent=4a4a4a&amp;fcContent=ffffff&amp;iconColorContent=9fda58&amp;bgColorDefault=0a0a0a&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=40&amp;borderColorDefault=1b1613&amp;fcDefault=b8ec79&amp;iconColorDefault=b8ec79&amp;bgColorHover=000000&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=60&amp;borderColorHover=000000&amp;fcHover=96f226&amp;iconColorHover=b8ec79&amp;bgColorActive=4c4c4c&amp;bgTextureActive=01_flat.png&amp;bgImgOpacityActive=0&amp;borderColorActive=696969&amp;fcActive=ffffff&amp;iconColorActive=ffffff&amp;bgColorHighlight=f1fbe5&amp;bgTextureHighlight=02_glass.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=8cce3b&amp;fcHighlight=030303&amp;iconColorHighlight=000000&amp;bgColorError=f6ecd5&amp;bgTextureError=12_gloss_wave.png&amp;bgImgOpacityError=95&amp;borderColorError=f1ac88&amp;fcError=74736d&amp;iconColorError=cd0a0a&amp;bgColorOverlay=262626&amp;bgTextureOverlay=07_diagonals_small.png&amp;bgImgOpacityOverlay=50&amp;opacityOverlay=30&amp;bgColorShadow=303030&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=0&amp;opacityShadow=50&amp;thicknessShadow=6px&amp;offsetTopShadow=-6px&amp;offsetLeftShadow=-6px&amp;cornerRadiusShadow=12px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_trontastic.png" alt="Trontastic" title="Trontastic" />
			<span class="themeName">Trontastic</span>	
		</a></li>	
		<li><a href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Georgia%2C+Verdana%2CArial%2Csans-serif&amp;fwDefault=bold&amp;fsDefault=1.2em&amp;cornerRadius=5px&amp;bgColorHeader=261803&amp;bgTextureHeader=13_diamond.png&amp;bgImgOpacityHeader=8&amp;borderColorHeader=baaa5a&amp;fcHeader=eacd86&amp;iconColorHeader=e9cd86&amp;bgColorContent=443113&amp;bgTextureContent=13_diamond.png&amp;bgImgOpacityContent=8&amp;borderColorContent=efec9f&amp;fcContent=efec9f&amp;iconColorContent=efec9f&amp;bgColorDefault=4f4221&amp;bgTextureDefault=13_diamond.png&amp;bgImgOpacityDefault=10&amp;borderColorDefault=362917&amp;fcDefault=f8eec9&amp;iconColorDefault=e8e2b5&amp;bgColorHover=675423&amp;bgTextureHover=13_diamond.png&amp;bgImgOpacityHover=25&amp;borderColorHover=362917&amp;fcHover=f8eec9&amp;iconColorHover=f2ec64&amp;bgColorActive=443113&amp;bgTextureActive=13_diamond.png&amp;bgImgOpacityActive=8&amp;borderColorActive=efec9f&amp;fcActive=f9f2bd&amp;iconColorActive=f9f2bd&amp;bgColorHighlight=d5ac5d&amp;bgTextureHighlight=13_diamond.png&amp;bgImgOpacityHighlight=25&amp;borderColorHighlight=362917&amp;fcHighlight=060200&amp;iconColorHighlight=070603&amp;bgColorError=fee4bd&amp;bgTextureError=04_highlight_hard.png&amp;bgImgOpacityError=65&amp;borderColorError=c26629&amp;fcError=803f1e&amp;iconColorError=ff7519&amp;bgColorOverlay=372806&amp;bgTextureOverlay=13_diamond.png&amp;bgImgOpacityOverlay=20&amp;opacityOverlay=80&amp;bgColorShadow=ddd4b0&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=75&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=12px">
			<img src="http://jqueryui.com/themeroller/images/themeGallery/theme_90_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" />
			<span class="themeName">Swanky Purse</span>	
		</a></li>
	</ul>
</div>
				<div id="help">
	
	<h2>Using ThemeRoller</h2>
	<p>ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the <a href="#rollYourOwn">Roll your own tab</a> and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like.</p>
	<p> If you'd like to use a pre-designed theme, select the <a href="#themeGallery">Theme Gallery tab</a> and choose from one of the themes in the gallery. You can choose to download or customize any theme from there. To save a theme for later, simply bookmark or copy the URL.</p>
	
	<h2><span class="icon ui-icon-gear"></span>Plugin Developers</h2>
	<p>jQuery UI is now driven by a powerful custom CSS framework. The framework is designed to be used not only for our own jQuery UI components, but for custom UI widget development as well! Visit the jQuery UI documentation to learn more about the new jQuery UI CSS Framework.</p>
	
	<h2>Browser Support Notice</h2>
	<p>ThemeRoller uses CSS3 border-radius for its round corners. Due to lack of support, corners will appear square in Internet Explorer. ThemeRoller also currently produces transparent PNG images. We plan to upgrade the icons to support IE6 very soon, but for the time being, you will need to use a pngFix plugin to get good-looking icons in IE6.</p>

</div><!-- /help -->
			</div><!-- /rollerTabs -->
</div><!-- /themeroller -->





	

	<div id="components" class="clearfix">
	
	
	
		
	<div id="getBookmarklet">
		<p><span class="icon"></span><strong>New!</strong> Bring ThemeRoller into any page: <a href="/themeroller/developertool/">Get the ThemeRoller Firefox Bookmarklet!</a></p>
	</div>

		<div id="compGroupA" class="clearfix">
					
			<!-- Accordion -->
			<h2 class="demoHeaders">Accordion</h2>
			<div id="accordion">
				<h3><a href="#">Section 1</a></h3>
				<div>
					<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
				</div>
				<h3><a href="#">Section 2</a></h3>
				<div>
					<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
				</div>
				<h3><a href="#">Section 3</a></h3>
				<div>
					<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
					<ul>
						<li>List item one</li>
						<li>List item two</li>
						<li>List item three</li>
					</ul>
				</div>
			</div>

			<!-- Tabs -->
			<h2 class="demoHeaders">Tabs</h2>
			<div id="tabs">
				<ul>
					<li><a href="#tabs-1">First</a></li>
					<li><a href="#tabs-2">Second</a></li>
					<li><a href="#tabs-3">Third</a></li>
				</ul>
				<div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
				<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
				<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
			</div>

			<!-- Dialog -->
			<h2 class="demoHeaders">Dialog</h2>
			<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
			
			
			<h2 class="demoHeaders">Overlay and Shadow Classes</h2>
			<div style="position: relative; width: 96%; height: 200px; padding:1% 4%; overflow:hidden;" class="fakewindowcontain">
				<p>Lorem ipsum dolor sit amet,  Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat.</p>
				
				<!-- ui-dialog -->
				<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
				<div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">

						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

				</div>
			
			</div>

			
			<!-- ui-dialog -->
			<div id="dialog" title="Dialog Title">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
				
				
				
			<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
			<ul id="icons" class="ui-widget ui-helper-clearfix">
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-se"><span class="ui-icon ui-icon-carat-1-se"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-s"><span class="ui-icon ui-icon-carat-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-sw"><span class="ui-icon ui-icon-carat-1-sw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-w"><span class="ui-icon ui-icon-carat-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-nw"><span class="ui-icon ui-icon-carat-1-nw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-n-s"><span class="ui-icon ui-icon-carat-2-n-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-e-w"><span class="ui-icon ui-icon-carat-2-e-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
			
			<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
			<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
			</ul>

		</div><!-- /#compGroupA -->

		
		<div id="compGroupB" class="clearfix">
		
			<!-- Button -->
			<h2 class="demoHeaders">Button</h2>
			<button id="button">A button element</button>
			<form style="margin-top: 1em;">
				<div id="radioset">
					<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
					<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
					<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
				</div>
			</form>
			
			<!-- Autocomplete -->
			<h2 class="demoHeaders">Autocomplete</h2>
			<div>
				<input id="autocomplete" style="z-index: 100; position: relative" title="type &quot;a&quot;" />
			</div>
				
			<!-- Slider -->
			<h2 class="demoHeaders">Slider</h2>
			<div id="slider"></div>

			<!-- Datepicker -->
			<h2 class="demoHeaders">Datepicker</h2>
			<div id="datepicker"></div>
			
			<!-- Progressbar -->
			<h2 class="demoHeaders">Progressbar</h2>	
			<div id="progressbar"></div>
			
			<!-- Highlight / Error -->
			<h2 class="demoHeaders">Highlight / Error</h2>
			<div class="ui-widget">
				<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"> 
					<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
					<strong>Hey!</strong> Sample ui-state-highlight style.</p>
				</div>
			</div>
			<br/>
			<div class="ui-widget">
				<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
					<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
					<strong>Alert:</strong> Sample ui-state-error style.</p>
				</div>
			</div>
	
		</div><!-- /#compGroupB -->

	</div><!-- /#components -->

</div>		</div>
		</div>
	</div>
	
	<div id="footer">
		<div class="bg"></div>
		<div class="inner">
			<p>
				<span class="first">Sponsored by: </span>
				<a class="block filamentgroup" href="http://www.filamentgroup.com"><span>Filamentgroup</span></a>
				<a href="http://appendto.com" class="block" style="background: url('/images/icon_appendto.png'); width: 114px; height: 23px; border: 0; margin: 5px 22px 0px 3px;"><span>appendTo</span></a>
				<a href="http://browserstack.com" class="block" style="background: url('/images/icon_browserstack.png'); width: 135px; height: 23px; border: 0; margin: 5px 22px 0px 3px;"><span>BrowserStack</span></a>
				<span class="first" style="float: right; padding-right: 12px;">&copy; 2010 The <a href="http://jquery.org/">jQuery Project</a> and the <a href="/about">jQuery UI Team</a>.</span>
			</p>
		</div>
	</div>
</div>
<!--[if lte IE 7]></div><![endif]-->
<script type="text/javascript">
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1076265-1']); _gaq.push(['_trackPageview']); _gaq.push(['_setDomainName', '.jqueryui.com']);
(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);})();
</script>
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function(){
        this.blur();
});
});
</script>
</body>

</html>
